<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>layui</title>
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <link rel="stylesheet" href="/layui/css/layui.css"  media="all" />
</head>
<body>
<div class="layui-form" style="width: 600px; height: 550px; border:solid #00FFFF 1px; margin: 0 auto; margin-top: 20px; ">
    <form class="layui-form" action="/user/register">
        <blockquote class="layui-elem-quote layui-text" style="margin-bottom: 20px;">
            <h1 id="test">注册界面</h1>
            <a th:href="@{/}">返回首页</a>
        </blockquote>

        <div class="layui-form-item" style="margin-top: 20px;">
            <div class="layui-inline">
                <label class="layui-form-label">用户名</label>
                <div class="layui-input-inline">
                    <input type="tel" name="username" lay-verify="required" autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">密码</label>
                <div class="layui-input-inline">
                    <input type="tel" name="password" lay-verify="required" autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">班级</label>
                <div class="layui-input-inline">
                    <input type="tel" name="userClass" lay-verify="required" autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">联系方式</label>
                <div class="layui-input-inline">
                    <input type="tel" name="phone" lay-verify="required" autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">性别</label>
                <div class="layui-input-inline">
                    <input type="tel" name="sex" lay-verify="required" autocomplete="off" class="layui-input" value="男">
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">所在小组名称</label>
                <div class="layui-input-inline">
                    <input type="tel" name="userGroup" lay-verify="required" autocomplete="off" class="layui-input" />
                    <input type="hidden" name="userType" value="1" />
                </div>
            </div>
        </div>

        <div class="layui-form-item" style="">
            <div class="layui-inline" style="margin-left: 50px;">
                <a class="layui-btn" href="/user/toLogin"> 返回登录页面 </a>
                <button class="layui-btn"> 立即注册 </button>
                <a class="layui-btn" th:href="@{/user/toAdminRegister}"> 去注册管理员 </a>
            </div>
        </div>
    </form>
</div>
<script src="/layui/layui.js" charset="utf-8"></script>

<script>
    layui.use('table', function(){
        var table = layui.table;

    });
</script>

</body>
</html>